<!DOCTYPE html>
<!-- saved from url=(0020)http://4.wazf.top/86 -->
<html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
		<title>❤️</title>

		<script>
			//判断客户端设备，选择写入meta
        function init_viewport(){
            if(navigator.userAgent.indexOf('Android') != -1){
                var version = parseFloat(RegExp.$1);
                if(version>2.3){
                    var width = window.outerWidth == 0 ? window.screen.width : window.outerWidth;
                    var phoneScale = parseInt(width)/500;
                    document.write('<meta name="viewport" content="width=500, minimum-scale = '+ phoneScale +', maximum-scale = '+ phoneScale +', target-densitydpi=device-dpi">');
                }else{
                    document.write('<meta name="viewport" content="width=500, target-densitydpi=device-dpi, user-scalable=0">');
                }
            }else if(navigator.userAgent.indexOf('iPhone') != -1){
                var phoneScale = parseInt(window.screen.width)/500;
                document.write('<meta name="viewport" content="width=500, min-height=750, initial-scale=' + phoneScale +', maximum-scale='+phoneScale+', user-scalable=0" /> ');         //0.75   0.82
            }else{
                document.write('<meta name="viewport" content="width=500, height=750, initial-scale=0.64" /> '); //0.75  0.82
            }
        }
        init_viewport();
    </script><meta name="viewport" content="width=500, height=750, initial-scale=0.64"> 

		<style>
			* {
				padding: 0px;
				margin: 0px;
				-webkit-box-sizing: border-box;
			}

			body {
				background-color: white;
			}

			a {
				color: white;
				text-decoration: none;
			}

			#div_container {
				/*最外层div，用于居中兼容PC和移动*/
				width: 500px;
				margin: 0px auto;
				position: relative;
				/*background-color: #FAFAFA;*/
				font-size: 1em;
			}



			.div_simple_page {
				/*文字部分的最外层，用于定位*/
				position: relative;
				display: none;
			}

			.div_s_page_bg {
				/*背景设置在这里*/
				background-repeat: repeat;
				background-size: 100%;
				background-attachment: fixed;
				width: 500px;
				min-height: 1200px;
			}

			.div_s_page_height {
				visibility: hidden;
				padding: 30px;
				text-align: justify;
				/*为了使文字两端对齐 */
				white-space: pre-wrap;
				/*保留换行效果*/
				color: silver;
			}

			.div_s_page_zx {
				position: absolute;
				left: 0;
				right: 0;
				/*4个方向定位使div充满整个画画*/
				top: 0;
				bottom: 0;
				/*4个方向定位使div充满整个画画*/
				width: 500px;
				background: rgba(255, 255, 255, 0.8);
				/*半透明效果*/
				padding: 10%;
				text-align: justify;
				/*为了使文字两端对齐 */
				white-space: pre-wrap;
				/*保留换行效果*/
			}


			#div_start_bg {
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0px;
				top: 0px;
				z-index: 44;
				background-color: white;
			}
		</style>

		<link type="text/css" rel="stylesheet" href="./index_files/theme_s_page_zx.css">
		<!-- 按钮部分的样式 -->
		<link type="text/css" rel="stylesheet" href="./index_files/theme_public_btn.css">
		<!-- 按需加载，选择此片头时方才加载 -->
		<link type="text/css" rel="stylesheet" href="./index_files/start_intersect.css">
	</head>

	<body style="">
		<div id="div_container">
			<!-- 最外层div，用于居中兼容PC和移动 -->
			<div id="div_start_bg" style="display: none;"></div> <!-- 用于遮挡主题，作为片头的背景 -->
			<!-- 按需加载，选择此片头时方才加载 -->
			<div id="div_intersect" style="display: block; height: 667px; background-image: url(&quot;https://txmov2.a.yximgs.com/ufile/atlas/NTI0NTI4NjIzMTkwMzgyNzA3MF8xNjA5MTMyNjczMDA0_1.jpg&quot;);">
				<!-- 用于设置背景 -->
				<div id="div_is_inner" style="height: 667px;">
					<!-- 用于存放content -->
					<div class="div_is_open_bg" style="height: 667px; display: none;">
						<div class="div_is_open_btn" onclick="init_is_typed()"></div>
					</div>

					<!-- 画布在这里 -->
					<canvas id="canvas_is" width="500" height="619"></canvas>

					<!-- 打字在这里 -->
					<div class="div_is_typed" style="height: 667px;">
						<div id="div_is_img" style="display: block;">
							<img class="img_is_typed" src="./index_files/7f82dbe107fb410e9e7de6386f5fac0c_tplv-obj_240_194.gif">
						</div>
						<span id="span_is_typed">您的好友陪伴了您一年了，新的一年如需续费请及时打款！那些年我错过了你，但今年不想再错过你的红包了</span><span class="typed-cursor typed-cursor--blink">💖</span>
					</div>
				</div>
			</div>




			<div class="div_simple_page">
				<!-- 文字部分的最外层，用于定位 -->
				<div class="div_s_page_bg" style="background-image: url(&quot;https://txmov2.a.yximgs.com/ufile/atlas/NTI0NTI4NjIzMTkwMzgyNzA3MF8xNjA5MTMyNjczMDA0_1.jpg&quot;);">
					<!-- 背景设置在这里 -->
					<div class="div_s_page_height" style="height: 727px;"><div class="div_s_page_zx"><h2 style="color: rgb(255, 88, 61);"></h2><h2 style="color: rgb(255, 88, 61);"><span style="color: rgb(255, 88, 61); font-size: 1.2em;"><br></span></h2><h2><span style="font-size: 1.2em;"></span><span style="color: rgb(255, 88, 61); font-size: 1.2em;"></span><span style="color: rgb(255, 88, 61); font-size: 1.2em;"></span><br></h2><p><span style="color: rgb(255, 88, 61); font-size: 1.2em;text-align:center"></span></p></div></div>
				</div>
				<div class="div_s_page_zx"><div class="div_s_page_zx"><h2 style="color: rgb(255, 88, 61);"></h2><h2 style="color: rgb(255, 88, 61);"><span style="color: rgb(255, 88, 61); font-size: 1.2em;"><br></span></h2><h2><span style="font-size: 1.2em;"></span><span style="color: rgb(255, 88, 61); font-size: 1.2em;"></span><span style="color: rgb(255, 88, 61); font-size: 1.2em;"></span><br></h2><p><span style="color: rgb(255, 88, 61); font-size: 1.2em;text-align:center"></span></p></div></div>
			</div>

			<div id="div_btn_container">
				<!-- 按钮部分的最外层，处于文档流之中 -->
				<div id="div_btn_inner">
					<!-- 按钮部分内层，用于定位 -->

					<div class="div_music_tips"></div>
					<div class="div_btn" id="div_music" onclick="music_switch()">
						<!-- 音乐按钮部分 -->
<!-- 						<img id='img_music' src='http://3.wazf.top/images/music_note_big.png' style='-webkit-animation:music_play_rotate 1s linear infinite'>
 -->						<audio id="audio_music" autoplay="autoplay" loop="loop" src="https://sf3-cdn-tos.douyinstatic.com/obj/iesmusic-cn-local/v1/tt-obj/2abac14eb519d565bb5d9368e1d40291.mp3">
							<source type="audio/mpeg">
							<!-- 您的浏览器不支持播放音乐 -->
						</audio>
					</div>

					<div class="div_record_tips"></div>
				
				</div>
			</div>
		</div>
		
		<script src="./index_files/jquery-2.0.3.min.js.下载"></script>
		<script src="./index_files/typed.min.js.下载"></script>
		<script src="./index_files/support_upload_as.js.下载"></script>
		

			


		

		<!-- 按需加载，选择此片头时方才加载 -->
		<script src="./index_files/start_intersect.js.下载"></script>


		<script>
			var start_content = {
				"intersect_text": "",
				"bg_style": "bg_custom",
				"bg_img": "",
				"img_bool": "img_true",
				"img_src": ""
			}; //可能为null

			
			

			function init_start(start_id) {
				console.log('init_start ->' + start_id);
				switch (start_id) {
					case 'loveformat':
						$('.div_loveformat').show();
						init_loveformat();
						break;
					case 'hearttree':
						$('#div_hearttree').show();
						init_hearttree();
						break;
					case 'courage':
						$('#div_courage').show();
						init_courage();
						break;
					case 'birthdaycake':
						$('#div_dbcake').show();
						init_birthdaycake();
						break;
					case 'intersect':
						$('#div_intersect').show();
						init_intersect();
						break;
					case 'onlyyou':
						$('#div_onlyyou').show();
						init_onlyyou();
						break;
					default:
						init_theme();
				}
			}

			//开始动画主体部分
			function init_theme() {
				console.log('init_theme');
				$('#div_start_bg').fadeOut();
				init_simple_page();
			}

			//获取url中的参数
			function getUrlParam(name) {
				var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
				var r = window.location.search.substr(1).match(reg); //匹配目标参数
				if (r != null) return unescape(r[2]);
				return null; //返回参数值
			}
		</script>

		<script>
			var attachment = 'null'; //可能为null
			var attached_content = {
				"bool_save": false
			}; //可能为null
			console.log(attached_content);

			function init_attachment() { //开始attachment
				console.log('init_attachment ->' + attachment);
				switch (attachment) {
					case 'timer':
						init_at_timer();
						break;
					default:
						return;
				}
			}
		</script>
		<script src="./index_files/jweixin-1.6.0.js.下载"></script>
		<script src="./index_files/theme_common.js.下载"></script>
		
	

<style type="text/css" data-typed-js-css="true">
        .typed-cursor{
          opacity: 1;
        }
        .typed-cursor.typed-cursor--blink{
          animation: typedjsBlink 0.7s infinite;
          -webkit-animation: typedjsBlink 0.7s infinite;
                  animation: typedjsBlink 0.7s infinite;
        }
        @keyframes typedjsBlink{
          50% { opacity: 0.0; }
        }
        @-webkit-keyframes typedjsBlink{
          0% { opacity: 1; }
          50% { opacity: 0.0; }
          100% { opacity: 1; }
        }
      </style></body></html>